<template>
	<u-popup :show="show" mode="center" round="10" @close="close" @open="open">
		<view class="notice p-20">
			<u-icon @click="close" name="close-circle-fill" size="23" color="#C1C4CA" class="close"></u-icon>
			<view class="flex-no-horizontal center m-b-10">
				<u-icon name="info-circle" size="40" color="#14161B"></u-icon>
			</view>
			<view class="text-center f-xl bold m-b-15">
				检测到您<text style="color: #FF5442;">实名信息有误</text>
			</view>
			<view class="text-center f-xs m-b-20 grey">
				为避免影响到您藏品收藏、转赠、受赠藏品等操作<br>
				请及时修改实名信息。
			</view>
			<u-button @click="confirm" color="#14161B" shape="circle" size="large"><text class="bold">去修改实名信息</text></u-button>
			<view class="text-center grey m-t-15 m-b-5 f-xs">
				具体操作可参考
			</view>
			<view class="f-xs text-center">
				我的 - 编辑资料 - 个人信息 - 实名认证
			</view>
		</view>
	</u-popup>
</template>

<script>
	export default{
		props: {
			show: {
				type: Boolean,
				default: false
			}
		},
		methods: {
			close() {
				this.$emit('close')
			},
			open() {
				this.$emit('open')
			},
			confirm() {
				this.$emit('confirm')
			}
		}
	}
</script>

<style lang="scss" scoped>
	.notice{
		width: 590rpx;
		position: relative;
		background: #F4F6FA;
		border-radius: 20rpx;
		.center{
			justify-content: center;
		}
		.grey{
			opacity: 0.5;
		}
		.close{
			position: absolute;
			top: 20rpx;
			right: 20rpx;
		}
	}
</style>
